@section head{ 
     
} 
<div class="zb-flex-1 zb-flex zb-flex-column zb-w"> 
    <div class="zb-func-frame">
        <el-button type="primary" 
                   icon="el-icon-refresh" 
                   @@click="onQuery" 
                   v-if="buttons.hasQuery"
                   size="mini">刷新</el-button>
        <el-button :icon="button.act_icon"
                   :key="button.act_no"
                   @@click="handleButton(button.act_no)"
                   v-for="button in buttons.topOp"
                   size="mini">
            <span v-text="button.act_name"></span>
        </el-button>
    </div> 
    <el-table :data="tableData.records"
              height="250"
              border
              class="zb-border-no"
              ref="tblRecords"
              style="width: 100%"
              style=""
              size="mini">
        <el-table-column type="selection"
                         class-name="table-checkbox-th"
                         width="45"
                         align="center"
                         fixed="left">
        </el-table-column>
        <el-table-column type="index"
                         width="50"
                         align="center"
                         title="序号"
                         :index="recordIndex"
                         fixed="left">
        </el-table-column>

        <el-table-column prop="act_no"
                         label="图标"
                         width="50"
                         align="center">
            <template slot-scope="scope">
                <span :class="scope.row.act_icon"></span>
            </template>
        </el-table-column>

        <el-table-column prop="act_no"
                         label="动作编号"
                         width="180">
        </el-table-column>

        <el-table-column prop="act_name"
                         label="动作名称">
        </el-table-column>
        <el-table-column prop="act_type"
                         label="动作分类"
                         width="120">
            <template slot-scope="scope">
                <span v-text="getOpType(scope.row)"></span>
            </template>
        </el-table-column>
        <el-table-column prop="orderby"
                         label="排序"
                         width="90"
                         align="center">
        </el-table-column>
        <el-table-column fixed="right"
                         label=" "
                         width="90">
            <template slot-scope="scope">
                <el-button :icon="button.act_icon"
                           :key="button.act_no"
                           @@click="handleButton(button.act_no, scope.row)"
                           v-for="button in buttons.rowOp"
                           circle
                           size="mini">
                </el-button>
            </template>
        </el-table-column>
    </el-table> 
    <el-pagination background 
                   layout="prev, pager, next, jumper, total" 
                   :page-size="query.pageSize" 
                   :total="tableData.total" 
                   @@current-change="onPageChange"> 
    </el-pagination> 
    <zb-edit :options="edit" ref="edit"></zb-edit> 
</div> 
@section script{ 
    <script src="~/module/common/form.template.js" type="text/babel"></script> 
    <script src="~/module/syssetting/sysaction.index.js" asp-append-version="true" type="text/babel"></script> 
} 
